<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>易金所</title>
    <!-- 共用css -->
    <link rel="stylesheet" href="../../public/css/common.css">
    <!-- supplyInfo.css -->
    <link rel="stylesheet" href="../../static/home/css/iouOrderDetails.css">

</head>
<body>

    <!-- 状态栏 -->
    <header class="primaryBg">
        <a href="./iouOrder.html" class="backBtn"><img src="../../public/image/backicon.png" alt=""></a>
        <h1>订单详情</h1>
    </header>

    <!-- 内容 -->
    <article>

        <!-- sectionOne -->
        <section class="sectionOne">
            <h2>昌盛食用菌高级菌棒0018号</h2>
            <div class="transactionNumber">
                <img src="../../public/image/xiangu.png" alt="">
                <div>
                    <p>交易编号：01019938101</p>
                    <p>2016-1-22</p>
                </div>
            </div>
            <div class="transactionDetails">
                <div>
                    <h3>分期本金(元)</h3>
                    <p>897.90</p>
                </div>
                <div>
                    <h3>分期服务费(元)</h3>
                    <p>100.00</p>
                </div>
                <div>
                    <h3>合计应还(元)</h3>
                    <p>997.00</p>
                </div>
            </div>
        </section><!-- sectionOne -->

        <!-- sectionTwo -->
        <section class="sectionTwo">
            <p>分期账单</p>
            <span>已还555.60元</span>
            <span>待还455.80元</span>
        </section><!-- sectionTwo -->

        <!-- sectionThree -->
        <section class="sectionThree">
            <div>
                <span>1</span>
                <h2>86.49元</h2>
                <p>12-13已还</p>
            </div>
            <div>
                <span>2</span>
                <h2 class="wait">86.49元</h2>
                <p>01-13待还</p>
            </div>
            <div>
                <span>3</span>
                <h2 class="wait">86.49元</h2>
                <p>02-13待还</p>
            </div>
            <div>
                <span>4</span>
                <h2 class="wait">86.49元</h2>
                <p>03-13待还</p>
            </div>
        </section><!-- sectionThree -->

    </article>

</body>
</html>

<!-- 共用js -->
<script src="../../public/js/common.js"></script>